{% extends "base.jinja" %}

{% block title %}寻找婚礼服务{% endblock %}
{% block keywords %}婚礼策划,婚礼摄影,化妆造型,婚纱礼服,婚礼摄像,婚礼主持,定制婚品,蜜月旅行,在线案例,婚礼机构{% endblock %}
{% block description %}婚礼时光服务商，提供婚礼策划,婚礼摄影,化妆造型等在线案例在线预约服务{% endblock %}

{% block css %},supplier.css{% endblock %}
{% block pagetype %}su-list{% endblock %}

{% block main %}
	<div class="page-banner" style="background:url(http://mt-other.qiniudn.com/su/banner/2014/04/14/su.jpg) no-repeat 50% 0;">
	    <div class="layout">
	        <span class="pb-title" id="pb-title">WEDDING SERVICE</span>
	        <h2>寻找婚礼服务</h2>
	        <div class="pb-action">
	            <a class="inp-btn-pk" target="_blank" href="/su/join/">加入婚礼服务商</a>
	        </div>
	        <span class="page-help"><a href="{{domain}}site/help/#supplier-i2" target="_blank">如何加入婚礼服务商？</a></span>
	    </div>
	</div>

	<div class="layout mt-crumb  sul-city">
	    <a href="{{domain}}">首页</a>&nbsp;>&nbsp;<b>找服务</b>
		<label>选择所在城市：</label>
		<div class="ui-a su-city-box" id="su-city-box"><h5>选择所在城市：</h5></div>
	</div>

	<div class="page share" id="su-item" data-city="{{cookie_city}}">
		<ul>
			<li class="s-tags">
				<div class="st-item">
					{% if service_id == 'all' %}
					<em>全部</em>
					{% else %}
					<a href="/su/list/all/">全部</a>
					{% endif %}
            		
            		{% for c in all_service_type %}
	            		{% if service_id == c.id %}
						<em>{{c.name}}</em>
	            		{% else %}
	                    <a href="/su/list/{{c.id}}/">{{c.name}}</a>
	                    {% endif %}
            		{% endfor %}
            	</div>
            </li>
            {% set domain = cycler('i2', 'mt-share') %}
            {% for su in supplier_data.data %}
            <li class="sul-item">
            	{% if su.cover_0 %}
	            	{% if domain.next() == 'mt-share' %}
		            	{% set cover_0_path = su.cover_0.path.replace('i2.etosun.com', 'mt-share.qiniudn.com') %}
	            	{% else %}
						{% set cover_0_path = su.cover_0.path %}
	            	{% endif %}
                <a title="{{su.cover_0.title}}" target="_blank" class="sui-top" href="/su/{{su.uid}}/">
                    <img alt="{{su.cover_0.title}}" src="http://s.lovewith.me/static/images/blank.gif" data-src="{{cover_0_path}}!260" />
                </a>
                {% else %}
					<span class="sui-top"></span>
                {% endif %}

                {% if su.cover_1 %}
                	{% if domain.next() == 'mt-share' %}
		            	{% set cover_1_path = su.cover_1.path.replace('i2.etosun.com', 'mt-share.qiniudn.com') %}
	            	{% else %}
						{% set cover_1_path = su.cover_1.path %}
	            	{% endif %}
                <a title="{{su.cover_1.title}}" target="_blank" class="sui-left" href="/su/{{su.uid}}/">
                    <img alt="{{su.cover_1.title}}" src="http://s.lovewith.me/static/images/blank.gif" data-src="{{cover_1_path}}!260" />
                </a>
                {% else %}
					<span class="sui-left"></span>
                {% endif %}

                {% if su.cover_2 %}
                	{% if domain.next() == 'mt-share' %}
		            	{% set cover_2_path = su.cover_2.path.replace('i2.etosun.com', 'mt-share.qiniudn.com') %}
	            	{% else %}
						{% set cover_2_path = su.cover_2.path %}
	            	{% endif %}
                <a title="{{su.cover_2.title}}" target="_blank" class="sui-right" href="/su/{{su.uid}}/">
                    <img alt="{{su.cover_2.title}}" src="http://s.lovewith.me/static/images/blank.gif" data-src="{{cover_2_path}}!260" />
                </a>
                {% else %}
					<span class="sui-right"></span>
                {% endif %}
                <div class="sui-data">
                    <a target="_blank" href="/su/{{su.uid}}/">
                    	<img class="avatar" title="{{su.username}}" src="http://s.lovewith.me/static/images/blank.gif" data-src="{{su.avatar}}!50" width="32" />
                    </a>
                    <p><a target="_blank" href="/su/{{su.uid}}/">{{su.username}}</a></p>
                </div>
            </li>
            {% endfor %}
		</ul>

		<div class="s-more">
			<a href="javascript:;" data-totalpage="{{supplier_data.total_page}}" data-scroll="1" data-page="1" id="s-more-btn" data-action="/su/ajax/g/get_supplier_list/?service={{service_id}}">更多..</a>
		</div>
	</div>
{% endblock %}

{% block script %}
<script>seajs.use('page/supplier/list', function(p){p.render()});</script>
{% endblock %}
